用 GitHub 搭建免费图床，搭配 PicGo，操作简单易懂
用 GitHub 搭建免费图床，搭配 PicGo，操作简单易懂
YONIE用 GitHub 搭建免费图床，搭配 PicGo，操作简单易懂！
- Github背靠微软大厂，免费、可靠，不会轻易跑路宕机。
- 配置免费的加速cdn后，可以在国内使用。
- **仓库数量：**无限个
Github能免费创建无限个公开仓库和私有仓库。详情见【Github免费权益】(拿Github当图床用的话，要建公开仓库，否则能上传但却不能访问)
- **单个仓库容量：**无明确限制
Github的单个仓库容量虽无明确限制，但官方建议保持在 5GB 以下。详情见【GitHub 官方文档】（对于免费用户来说，妥妥的够用）
- 当单个仓库使用量达到官方建议值时，可再创建一个新仓库，依此循环。
一、准备工作
➤ 首先，**得具备一个Github账号，**并提前登录好。 注册超简单，我上期视频演示了用临时邮箱注册了个Github账号（free）
➤ 其次，下载PicGo客户端（支持macOS、Windows 和 Linux） ***建议下载稳定版！***喜欢尝鲜的话可以考虑beta版！
1️⃣ Github官网
[
GitHub · Build and ship software on a single, collaborative platform
Join the world’s most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.
2️⃣ PicGo官方下载
[
PicGo is Here | PicGo
图片上传、管理新体验
https://picgo.github.io/PicGo-Doc/zh/guide/#%E4%B8%8B%E8%BD%BD%E5%AE%89%E8%A3%85
](https://picgo.github.io/PicGo-Doc/zh/guide/#%E4%B8%8B%E8%BD%BD%E5%AE%89%E8%A3%85)
二、配置PicGo参数
markdown
1 | https://cdn.jsdelivr.net/gh/ |
Markdown
上方链接为**国内加速域名；配置到PicGo上，方便使用！（具体详见视频演示）** ➤ 它可以对20MB以内的单个文件（如图片、视频、音频等）进行加速。 ➤ 对于超过20MB的单个文件，访问时会提示： ”文件大小超过配置的20 MB限制。（File size exceeded the configured limit of 20 MB.）
➤ 所以，不管Github对上传单个文件有多大的限制，要想通过这个加速域名访问的话，就必须保持在20MB以下，不然即使能上传，也不能通过此域名正常访问。
三、图床的实际应用
获得图床链接后：
- 可直接在浏览器里访问查看文件*（如图片、视频、音频、文本等）*
- 也可将其嵌入到那种支持MarkDown语法的文本编辑器里。 比如：Typora 【Typora维基百科】【Typora百度百科】
- MarkDown语法，简单简洁易懂又高效；很适合文字工作者。它摒弃了 Word 等传统文字处理软件繁琐的排版操作，让您专注于内容创作本身。只需掌握几个简单的 Markdown 语法符号，就能轻松实现文档的格式化，大大提高工作效率。【Markdown 教程】【在线Markdown编辑器】
📝 嵌入方法
0️⃣ 通用格式：嵌入文本链接
【效果】： > 会显示一个带有链接跳转的文字，点击文字后可直接跳转到对应的网站。
【注意】： > 这种方法，不会直接显示链接里的内容，没能实现嵌入内容的效果； > 只是把链接依托在文字上，能实现点击文字可跳转访问链接。
【步骤】： > 把输入法调成英文模式，然后输入一对中括号[] 一对小括号() > 在中括号里[]填入你想要显示的文字； > 在小括号里()填入你的图床链接。
【例如】：
[文字](链接)
[图片](https://image.dooo.ng/c/2025/02/24/67bc711aa1b69.webp)
> 当把光标挪开（或将鼠标点击别的空地方后），它将只显示”图片”这两个字, > 点击”图片”这两个字后，就会跳转到一个网页上，你会看到一张图片。 > 当然了，举一反三！ [视频](视频链接) > 注意：在Typora里需按住Ctrl键不放，再点击文字，才能跳转。
1️⃣ 图片
【效果】： > 会显示一张图片！能直接把图片嵌入显示在里面。
【步骤】： > 把输入法调成英文模式，然后输入一个感叹号! 一对中括号[] 一对小括号() > 中括号里[]可以空着不填。 > 小括号里()填入你的图片链接。
【例如】：
> 当把光标挪开（或将鼠标点击别的空地方后），它将只显示一张图片！
2️⃣ 视频
【效果】： > 会显示一个视频播放器，可以播放的那种！
【注意】： > MarkDown虽然没有嵌入视频的语法，但在大多数MarkDown文本编辑器里， > 是可以用HTML语言来实现嵌入，大家可以复制下边的HTML语法，只需替换视频链接即可。
【步骤】： > 将这段代码复制到MarkDown文本编辑器里，然后替换视频链接； > 想要改变视频显示的大小，可以修改”width: 320px; height: 180px;”的值。 > 320和180是横屏，改成竖屏的话，就是180*320。数值大小自定义！（最好是16:9的倍数）
【例如】：
> 当把光标挪开（或将鼠标点击别的空地方后）， > 它将只显示一个视频画面（横屏），点击可播放。
3️⃣ 音频
【效果】： > 会显示一个音频播放器，可以播放的那种！
【注意】： > MarkDown虽没有嵌入音频的语法，但在大多数MarkDown文本编辑器里， > 是可以用HTML语言来实现嵌入，大家可以复制下边的HTML语法，只需替换音频链接即可。
【步骤】： > 将这段代码复制到MarkDown文本编辑器里，然后替换音频链接。
【例如】：
> 当把光标挪开（或将鼠标点击别的空地方后），它将只显示一个音频播放器，点击可播放。
3️⃣ 文本
【效果】： > 会显示一个淡灰色的文本框，里面就是对应的文本内容。
【注意】： > MarkDown虽没有嵌入文本的语法，但在大多数MarkDown文本编辑器里， > 是可以用HTML语言来实现嵌入，大家可以复制下边的HTML语法，只需替换文本链接即可。
【步骤】： > 将这段代码复制到MarkDown文本编辑器里，然后替换文本链接。
【例如】：
略
> 根据上面的方法，举一反三。
